import React from "react";
import "./index.less";
import { Button, Space, Swiper, Toast } from "antd-mobile";

import "../../../api/index";

const colors = [
  "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg-article.pchome.net%2Fgame%2F00%2F19%2F25%2F53%2F1csoil2zn.jpg&refer=http%3A%2F%2Fimg-article.pchome.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg",
  "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg9.zol.com.cn%2Fpic%2Fyouxi%2Fori_46%2F469389.jpg&refer=http%3A%2F%2Fimg9.zol.com.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg",
  "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fa3.att.hudong.com%2F63%2F06%2F01300000348000123541068188112.jpg&refer=http%3A%2F%2Fa3.att.hudong.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg",
  "https://ss2.baidu.com/-vo3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/09fa513d269759eed846184ab3fb43166d22df19.jpg"
];
class Swipers extends React.Component {
  componentDidMount() {}
  render() {
    return (
      <div>
        <Swiper autoplay loop> 
          {colors.map((item,index) => (
            <Swiper.Item key={index}>
              <img className="content" src={item} alt="" />
            </Swiper.Item>
          ))}
        </Swiper>
      </div>
    );
  }
}

export default Swipers;
